<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			*{
				margin: 0 ;
			}
			.fl{
				float: left;
			}
			.fr{
				float: right;
			}
			.title{
				padding-top: 35px;
				border-bottom: 2px solid #f5f4f2;
			}
			.title h3{
				font-family: "黑体";
				font-size: 24px;
				line-height: 42px;
			}
			.bd{
				border: 1px solid red;
			}
			.style{
				padding-top: 15px;
				}
			.w{
				width: 1080px;
				margin: 0 auto;
				}
			.style_l{
				width: 375px;
				}
				.up{
					background-color: #ff6783;
					padding-left: 20px;
					padding-top: 19px;
					height: 71px;
				}
				.down{
					background-color: #ff6783;
					height: 130px;
				}
				.word{
					background-color: #FFFFFF;
					margin-left: 15px;
					margin-top: 15px;
					padding-left: 5px;
					padding-right: 5px;
					color: #FF6783;
					line-height: 20px;
					font-size: small;
				}
				.up h3{
					color: #FFFFFF;
				}
				.up h6{
					color: #FFFFFF;
				}
			</style>
	</head>
	<body>
		<div class="w">
			<div class="title">
				<h3>风格</h3>
			</div>
		</div>
		<div class="style w">
			<div class="style_l fl ">
				<div class="">
					<div class="up">
						<h3>太原婚纱照精选商家</h3>
						<h6>Featured businesses</h6>
					</div>
					<div class="down">
						<div class="word fl">太原金夫人</div>
						<div class="word fl">幸福V摄影</div>
						<div class="word fl">罗亚摄影</div>
						<div class="word fl">爱萌18号</div>
						<div class="word fl">栖溪创意水下摄影</div>
						<div class="word fl">布拉格</div>
						<div class="word fl">凯瑟琳摄影</div>
						<div class="word fl">佳丽新娘婚纱</div>
						<div class="word fl">爱尚婚纱摄影</div>
						<div class="word fl">卡罗摄影</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
